<template>
    <div>
        <div v-html="message">{{message}}</div>
    </div>
</template>

<script>
    export default {
        name: "DemoVhtml",
        data(){
            return{
                //message可以包含html标签，来展示一个页面的内容。
                // 特别是，如果后端返回包含了标签的内容，可以转化为html页面的形式展示
                //你的站点上动态渲染的任意 HTML 可能会非常危险，因为它很容易导致 XSS 攻击。
                // 请只对可信内容使用 HTML 插值，绝不要对用户提供的内容使用插值

                message: "这里可以包含html标签,如" +
                    "<h1>qwer</h1><hr/>" +
                    "<h3>test</h3>"

            }
        },
        mounted() {
            console.log('----接收的路由参数2---------------------')
            console.log(this.$route.query)
        }
    }
</script>

<style scoped>

</style>
